<template>
  <div :title="title">
     <el-button :="$attrs"></el-button>   
     <!-- <h1 v-bind="{a:1,b:2}">123</h1> -->
     <!-- <h1 :="{a:1,b:2}">123</h1> -->
  </div>
</template>

<script setup lang="ts">
//引入useAttrs方法:获取组件标签身上属性与事件
import {useAttrs} from 'vue';
//此方法执行会返回一个对象
let $attrs = useAttrs();

//万一用props接受title
let props =defineProps(['title']);
//props与useAttrs方法都可以获取父组件传递过来的属性与属性值
//但是props接受了useAttrs方法就获取不到了
console.log($attrs);

// $attrs.onXxx()
</script>

<style scoped>
</style>